<template>
	<view>
       <view class="box">
       	 <view class="title d-flex  flex-column pl-4 ">
       	   
       	    	<text class="txt">买单</text>
       	    	<text class="txt2">合肥通顺机动车辆检测有限公司</text>
       	  
       	 </view>
       </view>
	   <view class="box2">
	   	<view class="row d-flex j-sb flex-column">
	   		<view class="font-md ">付款金额</view>
			<input class="mb-3"  type="text" placeholder-style="font-size:45rpx;color:#E7E7E7;" placeholder="请询问店员后输入" />
	   	</view>
		
		<view class="row2">
			<text class="font-md">选择车辆</text>
			<view @click="addCar" class="add_car">
				+添加车辆
			</view>
		</view>
		<view class="rows d-flex a-center j-sb">
			<text>优惠券</text>
			<text>可使用</text>
		</view>
		
	   </view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			addCar(){
			   uni.navigateTo({
			   	     url:'../news/addcar'
			   })
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #F2F5FA;
	}
	
 .box{
	 width:100%;
	 height:228rpx;
	 background-color: #3179F3;
	 overflow: hidden;
	 .title{
		 margin-top: 40rpx;
		 .txt{
			 font-size: 48rpx;
			 // font-weight: bold;
			 color: #FFFFFF;
		 }
		 .txt2{
			 font-size: 28rpx;
			  color: #FFFFFF;
		 }
	 }
 }
 .box2{
	 width: 100%;
	 // height: 568rpx;
	 border-radius:30rpx 30rpx 0rpx 0rpx;
	 margin-top: -20rpx;
	 background: #FFFFFF;
	 padding:20rpx 0rpx;
	 .row{
		 padding: 0 20rpx;
		 width: 100%;
		 height: 160rpx;
		 border-bottom: 1px solid #f5f6f7;
	 }
	 .row2{
		 padding: 20rpx;
		 .add_car{
			 width: 340rpx;
			 height: 120rpx;
			 border: 1px  dashed #C0C0C0;
			 display: flex;
			 justify-content: center;
			 align-items: center;
			 color:#2069E7;
			 margin-top: 20rpx;
		 }
	 }
	 .rows{
		 padding: 20rpx;
	 }
 }
</style>
